<template>
  <div>
    <basic-container>
      <!-- <third-register></third-register> -->
      <el-col :span="16">
        <el-row>
          <basic-container>
            <div class="el-font-size">
              <span>产品名称</span>
              <el-divider direction="vertical" />
              <span><el-tag>SpringBlade企业级微服务开发平台</el-tag></span>
              <el-divider content-position="right"
                ><i class="el-icon-star-off"
              /></el-divider>
              <span>账号密码</span>
              <el-divider direction="vertical" />
              <el-tag effect="plain">管理员(admin)</el-tag>
              <el-divider content-position="right"
                ><i class="el-icon-star-off"
              /></el-divider>
              <span>官网地址</span>
              <el-divider direction="vertical" />
              <span
                ><el-link
                  href="https://bladex.vip"
                  target="_blank"
                  type="primary"
                  >https://bladex.vip</el-link
                ></span
              >
              <el-divider content-position="right"
                ><i class="el-icon-star-off"
              /></el-divider>
              <span>社区地址</span>
              <el-divider direction="vertical" />
              <span
                ><el-link
                  href="https://sns.bladex.vip"
                  target="_blank"
                  type="primary"
                  >https://sns.bladex.vip</el-link
                ></span
              >
              <el-divider content-position="right"
                ><i class="el-icon-star-off"
              /></el-divider>
              <span>获取文档</span>
              <el-divider direction="vertical" />
              <span class="tag-group">
                <el-tag
                  type="success"
                  style="cursor: pointer"
                  onclick="window.open('https://sns.bladex.vip/note/view/1.html')"
                  >免费版</el-tag
                >
                <el-divider direction="vertical" />
                <el-tag
                  type="danger"
                  style="cursor: pointer"
                  onclick="window.open('https://www.kancloud.cn/@smallchill')"
                  >收费版</el-tag
                >
              </span>
              <el-divider content-position="right"
                ><i class="el-icon-star-off"
              /></el-divider>
              <span>获取源码</span>
              <el-divider direction="vertical" />
              <span class="tag-group">
                <el-tag
                  type="success"
                  effect="dark"
                  style="cursor: pointer"
                  onclick="window.open('https://gitee.com/smallc/SpringBlade')"
                  >开源版</el-tag
                >
                <el-divider direction="vertical" />
                <el-tag
                  type="danger"
                  effect="dark"
                  style="cursor: pointer"
                  onclick="window.open('https://bladex.vip/#/vip')"
                  >商业版</el-tag
                >
              </span>
            </div>
          </basic-container>
        </el-row>
      </el-col>
    </basic-container>
  </div>
</template>

<script>
import { mapGetters } from "vuex";

export default {
  name: "wel",
  data() {
    return {
      activeNames: ["1", "2", "3", "5"],
      logActiveNames: ["29"],
    };
  },
  computed: {
    ...mapGetters(["userInfo"]),
  },
  created() {},
  methods: {
    handleChange(val) {
      console.log(val);
    },
  },
};
</script>

<style>
.el-divider--horizontal {
  margin: 12px 0 !important;
}

.el-font-size {
  font-size: 14px;
}
</style>

